/*
SCSS 工具方法
alber 于 2018.5.31
*/

/*1px边框处理*/

@mixin border($c:#ececec) {
  content: " ";
  position: absolute;
  transform-origin: 0 100%;
  color: $c;
}

@mixin border-b($c:#ececec) {
  @include border($c);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid $c;
  transform: scaleY(0.5);
}

@mixin border-t($c:#ececec) {
  @include border($c);
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  border-top: 1px solid $c;
  transform: scaleY(0.5);
}

@mixin border-r($c:#ececec) {
  @include border($c);
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid $c;
  transform: scaleX(0.5);
}

@mixin border-l($c:#ececec) {
  @include border($c);
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid $c;
  transform: scaleX(0.5);
}

@mixin textLine($lineNum: 1) {
  // 显示指定行数的文本
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lineNum;
  -webkit-box-orient: vertical;
}
// 色彩字体
$fontColor: #373737;//主题黑色
$fontActive:#195bb9;// 选中颜色
$fontActiveYellow:#fba709;// 选中颜色（或深色字体）
$fontGray:#6a6a6a; // 灰色字体

$bgColor:#373737; // 深色背景

$titFS:52px;// 图片一级文字大小
$stbTitFS:32px; // 段落的标题字体大小（或者图片二级）
$littleTitFS:22px;
